<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>demo3-数据属性</title>
  <script src="./js/vue.min.js"></script>

</head>


<body>
   <div id="vue_det">
     <h1>site: {{site}}</h1>
     <h1>url: {{url}} </h1>
     <h1>url:{{alexa}}</h1>
   </div>
   <script type="application/javascript">
     var data = { site:"菜鸟教程", url: "www.runoob.comn", alexa: 10000};
     var vm = new Vue({
       el: "#vue_det",
       data: data
     })
     document.write(vm.site === data.site);
     document.write("<br>");
     vm.site = "Runoob3";
     document.write(data.site+"<br>");
     data.alexa = 1234;
     document.write(vm.alexa);
   </script>
</body>

</html>
